<template>
	<view>
		
		<image class="imgs" src="https://friend.tanshishang.cn/assets/img/platform01.png"
		 mode="widthFix"></image>

		<view class="place">
			<image class="left" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
			<image class="mid" src="https://friend.tanshishang.cn/assets/img/platform03.png"
			 mode=""></image>
			<image class="right" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
		</view>

		<view class="title">
			无锡市青年交友服务中心是在共青团无锡市委员会监管下成立的交友平台，平台主要打造
			“缘来是你·LOVE课堂”，依托共青团的社会形象和资源,规范管理和运作,根据青年的喜好和呼声,结合青年关注的时间节点推出系列交友活动。活动开展至今，已有10000多人次参与了活动,成为共青团倾听青年呼声与诉求的特殊途径，是帮助青年解决婚恋问题的成功探索。中心的成立，丰富活跃青年群体的业余文化生活,营造温馨、健康的交友环境,倡导时尚、高雅的交友理念,搭建集文化性、公益性、娱乐性为一体的青年“交友+”平台。
		</view>

		<view class="title">
			2018年12月无锡市青年交友服务中心在团市委的监管下注册成为民办非企，我们将以创造社会价值为重要使命，以非盈利为目的，更好的为广大企事业单位及单身男女青年们服务！
		</view>
		
		<view class="place">
			<image class="left" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
			<image class="mid" src="https://friend.tanshishang.cn/assets/img/platform03.png"
			 mode=""></image>
			<image class="right" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
		</view>
		
		<view class="title2" style="color: rgb(95, 156, 239);" >
			中心环境
		</view>

		<view class="item-imgs" v-for="(item,index) in list" :key="index">
			<image :src="item" mode="widthFix"></image>
			<view class="place">
				<image class="left" src="https://friend.tanshishang.cn/assets/img/platform02.png"
				 mode=""></image>
				<image class="mid" src="https://friend.tanshishang.cn/assets/img/platform03.png"
				 mode=""></image>
				<image class="right" src="https://friend.tanshishang.cn/assets/img/platform02.png"
				 mode=""></image>
			</view>
		</view>
		
		<view class="place">
			<image class="left" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
			<image class="mid" src="https://friend.tanshishang.cn/assets/img/platform03.png"
			 mode=""></image>
			<image class="right" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
		</view>
		
		<view class="place">
			<image class="left" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
			<image class="mid" src="https://friend.tanshishang.cn/assets/img/platform03.png"
			 mode=""></image>
			<image class="right" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
		</view>
		
		<view class="item-imgs" v-for="(item,index) in lists" :key="index">
			<image :src="item" mode="widthFix"></image>
			<view class="place">
				<image class="left" src="https://friend.tanshishang.cn/assets/img/platform02.png"
				 mode=""></image>
				<image class="mid" src="https://friend.tanshishang.cn/assets/img/platform03.png"
				 mode=""></image>
				<image class="right" src="https://friend.tanshishang.cn/assets/img/platform02.png"
				 mode=""></image>
			</view>
		</view>
		
		<view class="place">
			<image class="left" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
			<image class="mid" src="https://friend.tanshishang.cn/assets/img/platform03.png"
			 mode=""></image>
			<image class="right" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
		</view>
		
		<view class="place">
			<image class="left" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
			<image class="mid" src="https://friend.tanshishang.cn/assets/img/platform03.png"
			 mode=""></image>
			<image class="right" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
		</view>
		
		<view class="box">
			<view class="title3">中心地址:</view>
			<view class="title3">无锡市梁溪区青年路9号（青少年活动中心十楼）</view>
			<view class="title3">服务电话：</view>
			<view class="title3">
				<text style="margin-right: 30rpx;" >13616171314</text>    
				<text>13616181314</text>    
			</view>
		</view>
		
		<view class="place">
			<image class="left" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
			<image class="mid" src="https://friend.tanshishang.cn/assets/img/platform03.png"
			 mode=""></image>
			<image class="right" src="https://friend.tanshishang.cn/assets/img/platform02.png"
			 mode=""></image>
		</view>
		
		<view class="ft">
			<image src="https://friend.tanshishang.cn/assets/img/platform13.png" mode="widthFix"></image>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					'https://friend.tanshishang.cn/assets/img/platform04.png',
					'https://friend.tanshishang.cn/assets/img/platform05.png',
					'https://friend.tanshishang.cn/assets/img/platform06.png',
					'https://friend.tanshishang.cn/assets/img/platform07.png',
					'https://friend.tanshishang.cn/assets/img/platform08.png',
				],
				lists:[
					'https://friend.tanshishang.cn/assets/img/platform09.png',
					'https://friend.tanshishang.cn/assets/img/platform10.png',
					'https://friend.tanshishang.cn/assets/img/platform11.png',
					'https://friend.tanshishang.cn/assets/img/platform12.png'
				]
			};
		},
		//分享给个人
		onShareAppMessage() {
			return {
				title: '青年交友',
				imageUrl:'https://friend.tanshishang.cn/assets/img/shareImg.png',
				path:'/pages/index/index'
			}
		}
	}
</script>

<style lang="scss">
	@import 'platformDetail.scss'
</style>
